<template>
  <div class="nav__left">
    <div class="clearfix">
      <ul class="left-nav-item clearfix">
        <li>
          <router-link :to="{path:'/cv'}">基本信息</router-link>
        </li>
        <li>
          <router-link :to="{path:'/cv',query:{type:'baseIntro'}}">自我介绍</router-link>
        </li>
        <li>
          <router-link :to="{path:'/cv',query:{type:'target'}}">求职意向</router-link>
        </li>
        <li>
          <router-link :to="{path:'/cv',query:{type:'hobby'}}">爱好</router-link>
        </li>
         <li>
          <router-link :to="{path:'/cv',query:{type:'skill'}}">技能</router-link>
        </li>
        <li>
          <router-link :to="{path:'/cv',query:{type:'work'}}">工作经历</router-link>
        </li>
        <li>
          <router-link :to="{path:'/cv',query:{type:'edu'}}">教育背景</router-link>
        </li>
        <li>
          <router-link :to="{path:'/cv',query:{type:'eduexperience'}}">在校经历</router-link>
        </li>
         <li>
          <router-link :to="{path:'/cv',query:{type:'certificate'}}">资格证书</router-link>
        </li>
         <li>
          <router-link :to="{path:'/cv',query:{type:'project'}}">项目信息</router-link>
        </li>
        <li>
          <a href="/webcv/page/preview">查看pdf</a>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: 'navLeft'
}
</script>
<style lang="scss" scoped>
.nav__left{
  background: none;
  padding-top:80px;
}
.left-nav-item {
  border-radius:5px;
  overflow: hidden;
  width:80%;
  margin: 0 auto;
  background-color: #666;
  li {
    font-size: 14px;
    border-bottom: 1px solid #777;
    color: #999;
    a {
      text-decoration: none;
      color: #ccc;
      padding: 10px;
      display: inline-block;
      width:100%;
    }
    /*a.router-link-active{
      background-color: #f7f7f9;
      color:#0568c5;
      font-weight: bold;
    }*/
  }
}
</style>
